<!-- 类似 Instagram Feed 的区域 -->
<section class="max-w-screen-xl mx-auto px-4 py-12 md:py-16">
    <h2 class="text-2xl md:text-3xl font-semibold text-center mb-4">#商城风采</h2>
    <p class="text-center text-gray-600 mb-8 md:mb-12">关注我们的社交媒体，获取最新动态！</p >
    <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-2 md:gap-4">
        <!-- 这里假设有6张图片 -->
        <% for(let i=0; i<6; i++) { %>
            <a href="#" class="group block aspect-square overflow-hidden relative">
                <img src="https://via.placeholder.com/300?text=Insta+<%= i+1 %>" alt="Instagram Post <%= i+1 %>"
                     class="w-full h-full object-cover transition duration-300 group-hover:scale-110">
                <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-40 transition duration-300 flex items-center justify-center">
                    <i class="fab fa-instagram text-white text-3xl opacity-0 group-hover:opacity-100 transition duration-300"></i>
                </div>
            </a>
        <% } %>
    </div>
    <div class="text-center mt-12">
         <a href="#"
           class="inline-block border border-gray-800 text-gray-800 px-10 py-3 rounded-md font-medium
                  hover:bg-gray-800 hover:text-white transition duration-300">
            查看图库
        </a>
    </div>
</section>